<template>
	<div>
		<div>string: {{ props.string }}</div>
		<div>number: {{ props.number }}</div>
		<div>boolean: {{ props.boolean }}</div>
		<div>array: {{ props.array }}</div>
		<div>object: {{ props.object }}</div>
		<div>function: {{ props.funct }}</div>
	</div>
</template>
<script lang="ts" setup>
	const props = defineProps({
		/**
		* @props { Object } config={
            children: 'children',
            icon: 'icon',
            prop: 'prop',
            label: 'label',
            class: ''
        } () 配置参数
		 */
		/**
		 * @props { String, Number} width='100%' ( )
		 * iframe 的宽度
		 */

		/**
		 * @props { Function } inDataFilter (res:[any]接口返回对象, obj:<Object>接口请求对象)
		 * 过滤接口返回数据 必须返回对象
		 * @return { Object } 接口返回数据
		 */
		/**
		 * @props { Function } buts=((res){return res?.data || {}})
		 * 表单按钮
		 * pid: {1, 调用确认提交的方法; 2, 调用取消的方法}
		 */

		/**
		 * @props { String, Number, Array<ObjAny> } flip=[]  ()
		 * 图标方向
		 */

		/**
		 * @props { String } string= ( ) 字符串
		 */
		string: {
			type: String,
		},
		/**
		 * @props { Number } number=2 ( ) 数字
		 */
		number: {
			type: Number,
			default: 2,
		},
		/**
		 * @props { Boolean } boolean= ( ) 是否
		 */
		boolean: {
			type: Boolean,
		},
		/**
		 * @props { Array<string> } array= ( ) 数组
		 */
		array: {
			type: Array,
		},
		/**
		 * @props { Object } object= ( ) 对象
		 */
		object: {
			type: Object,
		},
		/**
		 * @props { Function } funct= ( ) 方法
		 */
		funct: {
			type: Function,
		},
		/**
		 * @props { any } any= ( ) 所有类型
		 */
		any: {
			type: null,
		},
		/**
		 * @props { } all= ( ) 所有类型
		 */
		all: {
			type: null,
		},
		/**
		 * @props { String, Number, Array<String> } many= ( ) 多类型
		 */
		many: {
			type: [String, Number, Array],
		},

		/**
		 * @props { Date  } date= ( ) 时间
		 */
		date: {
			type: Date,
		},
	});
</script>
<style lang="scss"></style>
